@charset "UTF-8";
html body, html body span, html body nav, html body p, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body input, html body a, html body form, html body table, html body fieldset, html body legend, html body ul, html body ol, html body dl, html body dl dt, html body dl dd, html body img {
  margin: 0;
  padding: 0; }

html {
  height: 100%; }
  html body {
    height: 100%;
    background-color: #ddd;
    font-family: "微软雅黑"; }
    html body p, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      font-weight: 100; }
    html body input, html body a {
      outline: none; }
    html body a {
      text-decoration: none;
      color: #333; }
    html body a:hover {
      text-decoration: none; }
    html body ul li, html body ol li {
      list-style: none; }
    html body img {
      display: block;
      border: 0; }
    html body fieldset {
      border: 0; }

#nav div ul li img, #main #m2 .box #m21 img, #main #m2 .box #m22 img, #main #m2 .box #m23 img, #main #m2 .box #m24 img, #main #m5 .box #m51 img, #main #m5 .box #m52 img, #main #m5 .box #m53 img, #main #m5 .box #m54 img, #main #m7 .box #m71 img, #main #m7 .box #m72 img, #main #m7 .box #m73 img, #main #m7 .box #m74 img {
  width: 180px;
  height: 140px;
  margin: auto; }

#nav div ul li h2, #main #m2 .box #m21 h2, #main #m2 .box #m22 h2, #main #m2 .box #m23 h2, #main #m2 .box #m24 h2, #main #m5 .box #m51 h2, #main #m5 .box #m52 h2, #main #m5 .box #m53 h2, #main #m5 .box #m54 h2, #main #m7 .box #m71 h2, #main #m7 .box #m72 h2, #main #m7 .box #m73 h2, #main #m7 .box #m74 h2 {
  font-size: 16px;
  margin: 5px 0;
  font-weight: 500;
  text-align: center; }

#nav div ul li p, #main #m2 .box #m21 p, #main #m2 .box #m22 p, #main #m2 .box #m23 p, #main #m2 .box #m24 p, #main #m5 .box #m51 p, #main #m5 .box #m52 p, #main #m5 .box #m53 p, #main #m5 .box #m54 p, #main #m7 .box #m71 p, #main #m7 .box #m72 p, #main #m7 .box #m73 p, #main #m7 .box #m74 p {
  font-size: 12px;
  text-align: center; }

#nav div ul li span, #main #m2 .box #m21 span, #main #m2 .box #m22 span, #main #m2 .box #m23 span, #main #m2 .box #m24 span, #main #m5 .box #m51 span, #main #m5 .box #m52 span, #main #m5 .box #m53 span, #main #m5 .box #m54 span, #main #m7 .box #m71 span, #main #m7 .box #m72 span, #main #m7 .box #m73 span, #main #m7 .box #m74 span {
  display: block;
  color: red;
  font-size: 14px;
  margin-top: 10px;
  text-align: center; }

#nav div ul li, #main #m2 .box #m21, #main #m2 .box #m22, #main #m2 .box #m23, #main #m2 .box #m24, #main #m5 .box #m51, #main #m5 .box #m52, #main #m5 .box #m53, #main #m5 .box #m54, #main #m7 .box #m71, #main #m7 .box #m72, #main #m7 .box #m73, #main #m7 .box #m74 {
  width: 16%;
  background-color: #fff;
  display: flex;
  flex-direction: column; }

#header #left span, #header #right span {
  float: left;
  margin: 0px 8px;
  font-size: 12px;
  line-height: 40px;
  opacity: .7; }

#header-wrap {
  background-color: #333; }

#header {
  width: 1180px;
  height: 40px;
  margin: auto;
  background-color: #333;
  color: #ccc;
  line-height: 40px;
  font-size: 10px; }
  #header a {
    color: #ccc; }
  #header #left {
    float: left; }
    #header #left li {
      float: left; }
  #header #right {
    float: right; }
    #header #right li {
      float: left; }
      #header #right li #login, #header #right li #res {
        float: right;
        margin: 0px 10px; }
    #header #right button {
      float: right;
      width: 124px;
      height: 40px;
      border: none;
      outline: none;
      background-color: #333;
      opacity: .9;
      color: #ccc;
      line-height: 40px;
      font-size: 10px;
      text-align: center; }
  #header a:hover {
    color: #fff; }

#nav-wrap {
  background-color: #fff;
  position: relative; }

#nav {
  width: 1180px;
  height: 80px;
  background-color: #fff;
  margin: auto;
  display: flex; }
  #nav h1 {
    height: 80px;
    line-height: 80px;
    width: 240px;
    font-size: 30px; }
    #nav h1 span {
      float: left; }
    #nav h1 #logo {
      display: block;
      float: left;
      width: 50px;
      height: 50px;
      line-height: 80px;
      margin-top: 15px;
      background: url(../img/1.GIF) no-repeat left center/contain; }
  #nav ul {
    width: 700px;
    line-height: 80px;
    font-size: 18px;
    display: flex; }
    #nav ul li {
      margin-right: 50px; }
      #nav ul li a {
        color: #333; }
      #nav ul li a:hover {
        color: red; }
  #nav div {
    display: none;
    width: 100%;
    height: 280px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 80px;
    z-index: 99;
    width: 100%; }
    #nav div ul {
      width: 1180px;
      display: flex;
      justify-content: space-between;
      margin: auto; }
      #nav div ul li {
        margin-right: 0; }

#footer-wrap {
  background-color: #fff; }

#footer {
  width: 1180px;
  height: 280px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #fff;
  margin: auto; }
  #footer #fleft {
    width: 580px;
    float: left;
    padding-top: 40px;
    color: #262626;
    text-align: center; }
    #footer #fleft p {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 45px; }
    #footer #fleft ul {
      width: 100%;
      display: flex;
      justify-content: space-around; }
      #footer #fleft ul li {
        display: flex;
        flex-direction: column;
        font-size: 16px; }
        #footer #fleft ul li .glyphicon {
          font-size: 64px;
          margin-bottom: 20px; }
  #footer #fmain {
    width: 362px;
    height: 200px;
    float: left;
    padding: 0 42px;
    margin-top: 43px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 18px;
    color: #262626;
    font-size: 18px; }
    #footer #fmain p {
      font-weight: 500;
      margin-bottom: 25px; }
    #footer #fmain ul {
      width: 100%;
      display: flex;
      justify-content: space-around; }
      #footer #fmain ul li {
        display: flex;
        flex-direction: column;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        font-size: 16px; }
        #footer #fmain ul li #w {
          display: block;
          height: 85px;
          width: 85px;
          background: url(https://mall02.sogoucdn.com/image/2019/03/25/20190325140401_4613.jpg) no-repeat left center/contain;
          margin-bottom: 20px; }
        #footer #fmain ul li #x {
          display: block;
          height: 85px;
          width: 85px;
          background: url(https://mall02.sogoucdn.com/image/2019/03/25/20190325140414_4614.jpg) no-repeat left center/contain;
          margin-bottom: 20px; }
  #footer #fright {
    width: 235px;
    float: left;
    padding-top: 40px; }
    #footer #fright span {
      display: block;
      width: 175px;
      height: 200px;
      margin: auto;
      background: url(../img/4.GIF) no-repeat left center/contain; }

#bottom-wrap {
  background-color: #fff; }

#bottom {
  width: 1180px;
  margin: auto;
  text-align: center;
  padding-bottom: 40px; }
  #bottom .links {
    padding-top: 53px;
    line-height: 30px;
    color: #8c8c8c;
    font-size: 12px; }
    #bottom .links a {
      color: #8c8c8c;
      margin: 0 10px; }
  #bottom .copyright {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 30px; }
    #bottom .copyright a {
      color: #8c8c8c; }

#main #m1 h2, #main #m2 h2, #main #m4 h2, #main #m5 h2, #main #m7 h2 {
  font-size: 22px;
  color: #262626;
  margin-right: 20px;
  display: inline-block;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 20px; }

#main #m1 .box, #main #m2 .box, #main #m5 .box, #main #m5 .box #m51, #main #m5 .box #m52, #main #m5 .box #m53, #main #m5 .box #m54, #main #m7 .box, #main #m7 .box #m71, #main #m7 .box #m72, #main #m7 .box #m73, #main #m7 .box #m74 {
  display: flex;
  justify-content: space-between; }

#main #m1 .box #m11:hover, #main #m1 .box #m12:hover, #main #m2 .box #m21:hover, #main #m2 .box #m22:hover, #main #m2 .box #m23:hover, #main #m2 .box #m24:hover, #main #m5 .box #m51:hover, #main #m5 .box #m52:hover, #main #m5 .box #m53:hover, #main #m5 .box #m54:hover, #main #m7 .box #m71:hover, #main #m7 .box #m72:hover, #main #m7 .box #m73:hover, #main #m7 .box #m74:hover {
  transform: translateY(-5px);
  box-shadow: 0px 5px 15px #aaa; }

#nav div ul li h2, #main #m2 .box #m21 h2, #main #m2 .box #m22 h2, #main #m2 .box #m23 h2, #main #m2 .box #m24 h2, #main #m5 .box #m51 h2, #main #m5 .box #m52 h2, #main #m5 .box #m53 h2, #main #m5 .box #m54 h2, #main #m7 .box #m71 h2, #main #m7 .box #m72 h2, #main #m7 .box #m73 h2, #main #m7 .box #m74 h2 {
  font-size: 16px;
  margin: 5px 0;
  font-weight: 500;
  text-align: center; }

#nav div ul li p, #main #m2 .box #m21 p, #main #m2 .box #m22 p, #main #m2 .box #m23 p, #main #m2 .box #m24 p, #main #m5 .box #m51 p, #main #m5 .box #m52 p, #main #m5 .box #m53 p, #main #m5 .box #m54 p, #main #m7 .box #m71 p, #main #m7 .box #m72 p, #main #m7 .box #m73 p, #main #m7 .box #m74 p {
  font-size: 12px;
  text-align: center; }

#nav div ul li span, #main #m2 .box #m21 span, #main #m2 .box #m22 span, #main #m2 .box #m23 span, #main #m2 .box #m24 span, #main #m5 .box #m51 span, #main #m5 .box #m52 span, #main #m5 .box #m53 span, #main #m5 .box #m54 span, #main #m7 .box #m71 span, #main #m7 .box #m72 span, #main #m7 .box #m73 span, #main #m7 .box #m74 span {
  display: block;
  color: red;
  font-size: 14px;
  margin-top: 10px;
  text-align: center; }

#nav div ul li, #main #m2 .box #m21, #main #m2 .box #m22, #main #m2 .box #m23, #main #m2 .box #m24, #main #m5 .box #m51, #main #m5 .box #m52, #main #m5 .box #m53, #main #m5 .box #m54, #main #m7 .box #m71, #main #m7 .box #m72, #main #m7 .box #m73, #main #m7 .box #m74 {
  background-color: #fff;
  display: flex;
  flex-direction: column; }

#banner {
  width: 100%;
  height: 450px;
  overflow: hidden; }
  #banner img {
    width: 100%;
    height: 450px; }

#main-wrap {
  background-color: #ddd; }

#main {
  width: 1180px;
  margin: auto;
  background-color: #ddd; }
  #main #m1 .box {
    width: 1180px; }
    #main #m1 .box #m11, #main #m1 .box #m12 {
      width: 580px;
      height: 370px; }
      #main #m1 .box #m11 img, #main #m1 .box #m12 img {
        width: 100%;
        height: 100%; }
  #main #m2 .box {
    width: 1180px; }
    #main #m2 .box #m21, #main #m2 .box #m22, #main #m2 .box #m23, #main #m2 .box #m24 {
      width: 240px;
      height: 330px; }
      #main #m2 .box #m21 img, #main #m2 .box #m22 img, #main #m2 .box #m23 img, #main #m2 .box #m24 img {
        width: 100%;
        height: 70%; }
  #main #m3 {
    width: 1180px;
    height: 160px;
    margin-top: 30px; }
    #main #m3 img {
      width: 100%;
      height: 160px; }
  #main #m4 {
    /* width: 1180px;
        height: 400px; */ }
    #main #m4 img {
      width: 100%;
      height: 400px; }
  #main #m5 .box {
    width: 1180px; }
    #main #m5 .box #m51, #main #m5 .box #m52, #main #m5 .box #m53, #main #m5 .box #m54 {
      width: 240px;
      height: 330px; }
      #main #m5 .box #m51 img, #main #m5 .box #m52 img, #main #m5 .box #m53 img, #main #m5 .box #m54 img {
        width: 100%;
        height: 70%; }
  #main #m6 {
    width: 1180px;
    height: 160px;
    margin-top: 30px; }
    #main #m6 img {
      width: 100%;
      height: 160px; }
  #main #m7 {
    margin-bottom: 40px; }
    #main #m7 .box {
      width: 1180px; }
      #main #m7 .box #m71, #main #m7 .box #m72, #main #m7 .box #m73, #main #m7 .box #m74 {
        width: 240px;
        height: 330px; }
        #main #m7 .box #m71 img, #main #m7 .box #m72 img, #main #m7 .box #m73 img, #main #m7 .box #m74 img {
          width: 100%;
          height: 70%; }
